<%--
  Created by IntelliJ IDEA.
  User: k
  Date: 2022/4/2
  Time: 13:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page pageEncoding="utf-8" contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>Title</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
    }

    .header {
        height: 80px;
        border-bottom: 1px solid rgba(242, 242, 242, 0.58);
        display: flex;
    }

    .header-left {
        display: flex;
        width: 92%;
    }

    .header-left-img {
        width: 60px;
        height: 60px;
    }

    .header-left .my_title {
        color: skyblue;
        padding: 10px 0 0 0;
    }

    .header-right-img {
        width: 60px;
        height: 60px;
        padding: 5px;
    }
    .content {
        display: grid;
        height: 500px;
        grid-template-columns: 1fr 6fr;
    }

    .content .menu {
        border-right: .5px solid rgba(242, 242, 242, 0.58);
    }
    .content .menu-item {
        text-align: center;
        padding-bottom: 10px;
    }
    .content .menu-item .menu__checked {
        display: none;
    }
    .content .menu-item .menu__checked:checked + .menu-info {
        background: rgba(75, 156, 255, 0.96);
        color: white;
        line-height: 40px;
        cursor: pointer;
        display: block;
    }
    .o-tb {
        margin: 15px;
        border-collapse: collapse;
        border: 0.5px solid rgba(242, 242, 242, 0.58);
        margin-bottom: 120px;
    }
    .o-tb-head {
        border: none;
        background: rgba(242, 242, 242, 0.58);
    }
    .o-tb-head .head-item .item-cell {
        color: rgba(75, 156, 255, 0.96);
        font-weight: normal;
        text-align: center;
        line-height: 30px;
    }
    .o-tb-body {
        font-size: 14px;
        color: #787878;
    }
    .o-tb-body tr td{
        text-align: center;
        line-height: 42px;
    }
    .button__m{
        border: none;
        display: inline-block;
        width: 40px;
        height: 25px;
        background: #007eff;
        border-radius: 3px;
    }
    .button__m a{
        color: white;
    }
    .input-val{
        display: inline-block;
        width: 20px;
        outline: none;
        border: none;
        text-align: center;
        color: #007eff;
        font-size: 20px;
        border-bottom: 1px solid;
    }
    .number-button{
        border: .5px solid #007eff;
        padding: 0 5px;
        /*background: #007eff;*/
        color: #007eff;
    }
    .selected{
        border: .5px solid #007eff;
        padding: 0 5px;
        background: #007eff;
        color: white;
    }
    .page_nav{
        display: flex;
    }
    .font{
        width: 100px;
        text-align: center;
    }
    .searChangeBtn{
        border: none;
        display: inline-block;
        width: 40px;
        height: 25px;
        background: #007eff;
        color: white;
        cursor: pointer;
        outline: none;
    }
    .searChangeBtn:hover{
        background: #0040ff;
    }
    .inp{
        border: none;
        border-bottom: 1px solid #71c6f6;
        outline: none;
    }
    .parentBtn{
        text-align: center;
    }
    .submitBtn{
        border: none;
        width: 50px;
        height: 25px;
        background: blue;
        border-radius: 3px;
        color: white;
    }
    .return-row{
        position: relative;
    }
    .return img{
        position: absolute;
        top: 0;
        right: 0;
    }
</style>
<body>
<header class="header">
    <div class="header-left">
        <img class="header-left-img" src="<%=request.getContextPath()%>img/osc.png" alt="">
        <h3 class="my_title">欢迎${sessionScope.user.sname}，查看学生管理系统</h3>
    </div>
    <div class="header-right">
        <img class="header-right-img" src="<%=request.getContextPath()%>img/rocket.png" alt="">
    </div>
</header>


<div class="content" id="content">
    <aside class="menu" id="menu">
        <dl class="menu-list">
            <dt class="menu-item">
                <input class="menu__checked" id="menu__checked" type="radio" checked="">
                <label class="menu-info" for="menu__checked">信息中心</label>
            </dt>
        </dl>
    </aside>
    <section class="main" id="main">
        <form action="studentServlet" method="post">
            <input type="hidden" name="pageNo" value="${param.pageNo}">
            <input type="hidden" name="action" value="${empty param.sno ? "add":"update"}">
            <input type="hidden" name="sno" value="${requestScope.student.sno}">
            <table class="o-tb">
                <colgroup>
                    <col name="o-table_column_1" width="180">
                    <col name="o-table_column_2" width="180">
                    <col name="o-table_column_3" width="180">
                    <col name="o-table_column_4" width="180">
                    <col name="o-table_column_5" width="180">
                </colgroup>
                <thead class="o-tb-head">
                <tr class="head-item" id="head-item">
                    <th colspan="1" rowspan="1" class="item-cell">姓名</th>
                    <th colspan="1" rowspan="1" class="item-cell">密码</th>
                    <th colspan="1" rowspan="1" class="item-cell">年龄</th>
                    <th colspan="1" rowspan="1" class="item-cell">地址</th>
                    <th colspan="1" rowspan="1" class="item-cell">操作</th>
                </tr>
                </thead>
                <tr>
                    <%--            <td>序号</td>--%>
<%--                    <td>姓名</td>--%>
<%--                    <td>密码</td>--%>
<%--                    <td>年龄</td>--%>
<%--                    <td>地址</td>--%>
<%--                    <td colspan="2">操作</td>--%>
                </tr>
                <tr class="return-row">
                    <%--            <td><input name="sno" type="text" value="${requestScope.student.sno}"/></td>--%>
                    <td class="parentBtn"><input  class="inp" name="sname" type="text" value="${requestScope.student.sname}"/></td>
                    <td class="parentBtn"><input  class="inp" name="pwd" type="text" value="${requestScope.student.pwd}"/></td>
                    <td class="parentBtn"><input  class="inp" name="age" type="text" value="${requestScope.student.age}"/></td>
                    <td class="parentBtn"><input  class="inp" name="address" type="text" value="${requestScope.student.address}"/></td>
                    <td class="parentBtn"><input class="submitBtn" type="submit" value="提交"/>
                        <a class="return" href="studentServlet?action=pages"><img src="img/return.png" height="20px" width="20px"></a>
                    </td>
                </tr>

            </table>

        </form>










    </section>











</div>



<%--<form action="studentServlet" method="get">--%>
<%--    <input type="hidden" name="pageNo" value="${param.pageNo}">--%>
<%--    <input type="hidden" name="action" value="${empty param.sno ? "add":"update"}">--%>
<%--    <input type="hidden" name="sno" value="${requestScope.student.sno}">--%>
<%--    <table>--%>
<%--        <tr>--%>
<%--&lt;%&ndash;            <td>序号</td>&ndash;%&gt;--%>
<%--            <td>姓名</td>--%>
<%--            <td>密码</td>--%>
<%--            <td>年龄</td>--%>
<%--            <td>地址</td>--%>
<%--            <td colspan="2">操作</td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--&lt;%&ndash;            <td><input name="sno" type="text" value="${requestScope.student.sno}"/></td>&ndash;%&gt;--%>
<%--            <td><input name="sname" type="text" value="${requestScope.student.sname}"/></td>--%>
<%--            <td><input name="pwd" type="text" value="${requestScope.student.pwd}"/></td>--%>
<%--            <td><input name="age" type="text" value="${requestScope.student.age}"/></td>--%>
<%--            <td><input name="address" type="text" value="${requestScope.student.address}"/></td>--%>
<%--            <td><input type="submit" value="提交"/></td>--%>
<%--        </tr>--%>
<%--    </table>--%>
<%--</form>--%>
</body>
</html>
